关键字: height
  • web前端入门到实战:纯CSS制作电闪雷鸣的天气图标
    效果 效果图如下 实现思路 使用box-shadow属性写几个圆,将这些圆错落的组合在一起,形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了,父容器来控制图标显示 ...
  • web前端入门到实战:html,css制作九宫格
    绘制九宫格 要求:九宫格垂直居中于页面,只能使用ul和li标签,添加背景边框 代码 九宫格 要求: 1:不能修改标签,仅通过 css 实现效果 ...
  • web前端入门到实战:HTML 文档流,设置元素浮动,导致父元素高度无法自适应的解决方法
    元素浮动定义 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 如果浮动非替换元素,则要指定一个明确的宽度;否 ...
  • css3 让width随方向变化
    GIF.gif 利用这种特性可以做出下面这个动画 GIF.gif 源码 <meta name=" ...
  • 5分钟学会 CSS 动画:纯 CSS 实现 loading 效果
    你是不是跟我一样,一直想学会 CSS 动画?今天我们就一起来花五分钟做几个纯 CSS 加载动画。 前言 CSS 动画不是什么新鲜玩意了,目前所有主流浏览器基本上都已经支持,可以看Can I Use 网站 上的统计数据。文章结尾部分会提到针对 ...
  • vue 轮播图 原生js编写 ,直接复制代码即插即用
    写了1天 我把它抽象成组件 ,下次要用的使用引用一下就好(代码在下面) 定时轮播鼠标进入时候(用户操作)取消 定时轮播 鼠标按下 的x坐标 和 抬起的x坐标 不一样 就是在拖拽图片不然就是单纯点击图片 进入对应页面 调用方</templat ...
  • 基于webpack手动搭建一个简单的vue脚手架
    前言 首先,当我们编写代码时,不通过模块化的思想想要引入一个js,通常是在html文件中创建一个script标签,引入我们需要的js,如果我们引入的是自己手写的js,很容易发生变量重名的冲突。 例如: // 变量同名冲突 // a.js v ...
  • web前端入门到实战:html5网页特效-水墨动画
    效果 鼠标触碰按钮,出现水墨风格动画 屏幕自适应 一份html文件,一份css文件,无javascript,上手程度:很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示元素,除了优先级更 ...
  • 浅谈BFC(块格式化上下文)
    在我们的开发中常听到BFC这个词,当要让我说出BFC 是什么,却不能很好的却解释,似懂非懂。反正就是没有清晰的理解,是这两天仔细阅读了相关资料加深自己对BFC理解。 什么是BFC BFC:块格式化上下文(Block Formatting C ...
  • 如何实现优美的骨架屏
    对于前端来说,最重要的莫过于用户体验了,这次我们聊一聊骨架屏 - Skeleton Screen 我们平常对于需要请求加载的内容,可能用的比较多的是loading动画,比如在内容区域放一个菊花图,当请求结束,并且render tree构造完 ...

暂无数据